<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>SuKi 家独立设计师手工北欧极简几何分割实木冰箱贴磁贴四件套</title>
<link href="css/daohangGW.css" rel="stylesheet" type="text/css" />
<link href="css/xiangqing.css" rel="stylesheet" type="text/css" />
<script src="js/daohangGW.js"></script>
<link href="css/bigimg.css" rel="stylesheet" />
<script src="js/bigimg.js"></script>
<script src="js/huan.js"></script>
<script type="text/javascript" src="jQuery/jquery-1.6.1.min.js"></script>
<script type="text/javascript" >
	$(document).ready(function() {
		$(".select_p").toggle(
				function () {$(this).css("border-color","orangered");},
				function () {$(this).css("border-color","#c8c8c8");}
		);

		$("#myimage").toggle(
				function () {$(this).attr('src',"images/收藏爱心.png"); },
				function () {$(this).attr('src',"images/qq.png");}
		)
	});
</script>
</head>

<body  onload="bigimg()">
<!--导航栏-->
<div id="div0">
	<div id="dlogo">	<!--放置logo和登陆注册-->
		<div>
        	<img src="images/logo.png" id="logo">
        </div>
	    <div id="dlzc">
	    	<span id="dlu"><a id="adl" href="RegLogin.html">登录 / 注册</a></span>
       		<div id="gwu" onClick="window.location.href='gouwuche.html'">
             	<div id="gshuliang">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(<span id="numb">0</span>)
                </div>
        	</div>
	    </div>
	</div>

	<div id="divNav">
		<nav id="N">
	    	<div id="diva1" class="CSS" >
	        	<div id="divb1" class="b" onMouseOver="MyOver('divb1')" onMouseOut="MyOut('divb1')"><a href="index.html">首页</a></div>
	        </div>
	        <div id="diva2" class="CSS" >
	        	<div id="divb2" class="b" onMouseOver="MyOver('divb2'),SD()" onMouseOut="MyOut('divb2'),SD()">产品</div>
	        	<ul id="ul1" onMouseOver="MyOver('divb2'),SD()" onMouseOut="MyOut('divb2'),SD()">
	            	<li style="height:7px;"></li>		<!--空行，调整位置-->
	            	<li><a href="#" >佩戴</a></li>
	               	<li><a href="#" >家居</a></li>
	                <li><a href="#" >穿着</a></li>
	            </ul>
	        </div>
	        <div id="diva3" class="CSS" >
	        	<div id="divb3" class="b" onMouseOver="MyOver('divb3')" onMouseOut="MyOut('divb3')">新品</div>
	        </div>
	        <div id="diva4" class="CSS" >
	        	<div id="divb4" class="b" onMouseOver="MyOver('divb4')" onMouseOut="MyOut('divb4')">限时特卖</div>
	        </div>
	    </nav>
	</div>
</div>
<!--返回顶部-->
<div id="dyou" onClick="Top()"></div>
<!--以下是底部和内容-->
<div style="width:100%; position:relative; top:100px;">
<!--假设这是我们的填充--><!--主体内容-->
	<div style="width:100%; ">
		<div id="wrap_content">
			<div style="font-size: 12px;font-family:'微软雅黑';margin:8px;margin-top:20px;color: #bbbdc6">当前位置：首页&nbsp>&nbsp<span id="page_location" style="color: #0a0a0a">家独立设计师手工北欧极简几何分割实木冰箱贴磁贴四件套</span></div>		<!--span标签用来显示当前页面所处的位置-->
			<div id="level_1">
				<!--左边商品图-->
				<div id="left_p">
                
                <!--放大镜-->
					<div id="box" style="border:none">
                    <img id="img1" src="images/product/poD (14).jpg" width="420px" height="560px">
                    <div id="move"></div><!-- 蓝选框-->
   					<div id="bimg"> <!-- 放大镜-->
      				<img id="b_bimg" src="images/product/poD (14).jpg" alt="#">
   					</div>
                    </div>
                    
                    
					<div id="small_product_img">
						<img src="images/product/poD (14).jpg" onMouseOver="h(0)" onMouseout="hleave(0)">
						<img src="images/product/poD (11).jpg" onMouseOver="h(1)" onMouseout="hleave(1)">
						<img src="images/product/poD (12).jpg" onMouseOver="h(2)" onMouseout="hleave(2)">
						<img src="images/product/poD (13).jpg" onMouseOver="h(3)" onMouseout="hleave(3)">
						<img src="images/product/poD (3).jpg" onMouseOver="h(4)" onMouseout="hleave(4)">
					</div>
                    
                    
				</div>
				<!--右边文字描述-->
				<div id="right_p" >
					<p style="font-weight: bold;font-size: 20px;">cough in vain</p>
					<p style="font-weight: bold;font-size: 16px">家独立设计师手工北欧极简几何分割实木冰箱贴磁贴四件套</p>
					<p style="color: #ff5a5b;font-size: 12px;font-weight: bold">高度稀缺的创意设计，颠覆传统意义的创新。属于自己的专属定制品。随时跟踪的制作流程，品质随时随处可监控。您也可以加入进来享受创作和制作的乐趣。两年产品跟踪质保售后，买后无忧。</p>
					<p class="description_word">商品编码：CIVA150004</p>
					<p style="text-decoration: line-through;font-size: 12px;padding: 8px 0;color: #c8c8c8">原价&nbsp;&nbsp;￥347</p>
					<p style="color: #ff4f5a;font-size: 24px">专享价<span style="font-size: 36px;color: #ff4f5a;font-weight: 500"> ￥128.0</span></p>
					<hr style="border: 1px dotted #ededed">
					<p class="description_word">颜色</p>
					<p><span class="select_p">四件套</span></p>
					<p class="description_word">尺码</p>
					<p><span class="select_p" >其他</span></p>
					<p class="description_word">数量</p>
					<p><div class="square" id="jianfa">-</div><div class="square square_num" id="square_num">0</div><div class="square" id="jiafa">+</div>      &nbsp&nbsp已售&nbsp<span>2</span>&nbsp件&nbsp&nbsp|&nbsp&nbsp还剩&nbsp<span  id="shuliang">18</span>&nbsp件</p>
					<hr style="border: 1px dotted #ededed;margin: 20px 0;">
					<div class="rectangle" onClick="window.location.href='shopNow.html'">立即抢购</div>&nbsp&nbsp&nbsp&nbsp<div class="rectangle" onClick="A(3)">加入购物车</div>
					<p class="description_word">七天无理由退货 全国包邮 优选原品</p>
					<hr style="border: 1px dotted #ededed;margin: 20px 0;">
					<p style="font-size: 10px;color: #0a0a0a;padding: 4px 0;line-height: 25px"><img src="images/收藏爱心.png" style="float: left;cursor: pointer;" id="myimage" onclick="love()">&nbsp&nbsp<soan id="lover">0</soan>人喜欢 </p>
				</div>
			</div>
			<div id="canshu">
				<h3>产品参数</h3>
                <br>
				<hr style="border: 1px dotted #ededed;margin-top: -20px;">
				<p>品牌: 设计师品牌 &nbsp&nbsp &nbsp&nbsp颜色分类:四件套  &nbsp&nbsp &nbsp&nbsp尺寸: 其他</p>
				<p>是否组装: 独立装 &nbsp&nbsp &nbsp&nbsp 风格: 北欧 &nbsp&nbsp &nbsp&nbsp 是否可定制: 否</p><br>
				<h3>产品实拍</h3>
                <br>
				<hr style="border: 1px dotted #ededed;margin-top: -20px;">
                <br>
			</div>
			<div>
				<img src="images/product/poD (7).jpg">
				<img src="images/product/poD (4).jpg">
				<img src="images/product/poD (3).jpg">
				<img src="images/product/poD (10).jpg">
				<img src="images/product/poD (8).jpg">
				<img src="images/product/poD (9).jpg">
				<img src="images/product/poD (5).jpg">
				<br><br><br>
			</div>
		</div>
    </div>
<!--这是底部-->
	<div id="btm">
		<div id="Dul">
        	<ul id="ul0">
            	<li id="li1">关于我们</li>
                <li style="height:18px;"></li>
           	 	<li><a href="">企业介绍</a></li>
            	<li><a href="">人才招聘</a></li>
            	<li><a href="">隐私政策</a></li>
            </ul>
            <ul>
            	<li id="li1">售后服务</li>
                <li style="height:18px;"></li>
                <li><a href="">退货声明</a></li>
            </ul>
      		<ul id="ul1">
       			<li id="li1">帮助信息</li>
                <li style="height:18px;"></li>
            	<li><a href="">常见问题</a></li>
            	<li><a href="">联系客服</a></li>
        	</ul>
        </div>
        <div id="dd">
        	@马婷婷，朱子荟，李圣威，林铭欣，钟世杰，谢芝勇，谢舒珂共同制作。
        </div>
	</div>
</div>
<script>
//用户名
	var a = document.getElementById('dlu');
	var user = localStorage.getItem("user");
	if(user!=null){
		a.innerHTML = '<span><a href="RegLogin.html" style="color:#aac4bc">'+user+'</a></span>';
	}
//购物车里面商品的数量
	var numb=document.getElementById("numb");
	var ls=window.localStorage.length;
	numb.innerHTML = ls;
//数量
	var shul=document.getElementById("shuliang");		//获取“还剩N件标签”
	var shuliang=shul.innerHTML;						//获取标签里面的数字
	var intshuliang=parseInt(shuliang);					//将数字变成数值
	var xuqiu=document.getElementById("square_num");	//获取“要购买的数量标签”
	var xuqiu2=xuqiu.innerHTML;						//获取标签里面的数字
	var intxuqiu=parseInt(xuqiu2);					//将数字变成数值
	var zongshu;
	var zongshu1;
	var jiafa=document.getElementById("jiafa").onclick = function(){		//点击加法按钮要执行的函数
	zongshu = intshuliang;
		if(zongshu>0){
			intxuqiu++
			zongshu1=intxuqiu;
			xuqiu.innerHTML=zongshu1;			//要购买的数量加1个，并插入内容
			intshuliang--;
			zongshu=intshuliang;
			shul.innerHTML=zongshu;			//要购买的数量加1个，并插入内容
		}
	}
	var jianfa=document.getElementById("jianfa").onclick = function(){		//点击减法按钮要执行的函数
		var zongshu1=intxuqiu;
		if(zongshu1>0){
			intxuqiu--;
			zongshu1=intxuqiu;
			xuqiu.innerHTML=zongshu1;			//要购买的数量减去1个，并插入内容
			intshuliang++;
			zongshu=intshuliang;
			shul.innerHTML=zongshu;			//要剩余的数量加1个，并插入内容
		}
	}
</script>

</body>
</html>
